.m-slider-wrapper, .m-slider-wrapper>.slider, .m-slider-pagination{
    transform: translate3d(0,0,0);
}
.m-slider-box{
    margin:auto;
    overflow: hidden;
    z-index: 1;
    position: relative;
}
.m-slider-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display:flex;

    transition-property:transform;
    transition-timing-function:ease-out;
    box-sizing:content-box;
}
.m-slider-wrapper>.slider{
    display: block;
    flex-shrink:0;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.m-slider-wrapper>.slider>img{
    display: block;
    width: 100%;
    border:none;
}
.m-slider-pagination{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    transition:.3s;
    z-index: 10;
}
.m-slider-pagination>span{
    position: relative;
    width: 15px;
    height: 3px;
    display: inline-block;
    border-radius: 30px;
    background-color: #fff;
    margin:0 5px;
}
.m-slider-pagination>.active{
    top: 2px;
    opacity: 1;
    border-radius: 100%;
    width: 8px;
    height: 8px;
    border:2px solid #B5FF20;
    background:none;
}